<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<form name="my_groups" action="NewGroups.html" method="post">
<table cellpadding="0" cellspacing="0" width="330" align="center" border="0">
	<tr  align="center" >
		<td></td>	
		<td width="60%" align="justify" class="table_title">Group Name</td>	
		<td width="20%" class="table_title">Edit</td>	
		<td width="20%" class="table_title">Delete</td>	
   </tr>
  <c:if test="${fn:length(data)>0}">
	<c:forEach var="x" begin="0" end="${fn:length(data)-1}" step="1" varStatus ="status">
		<tr valign="top">
		<td></td>
				<td style="padding-left: 15px;">
			<p align="justify">
			<c:out value="${data[x].GROUP_NAME}"/></p></a></td>
			<td style="padding-left: 20px;">
		    <p align="justify">
			<a href="mygroups.html?id_edit=${data[x].GROUP_ID}&groupname=${data[x].GROUP_NAME}"><img src="images/edit.png" border="0" height=20px width=20px></a>
			</td>
			<td style="padding-left: 20px;">
			<p align="justify">
			<a href="mygroups.html?id_delete=${data[x].GROUP_ID}"><img src="images/users_delete.png" border="0" height=20px width=20px></a>
			</td>
			</tr>
		<tr><td colspan="6">&nbsp;</td></tr>		
	</c:forEach>
	</c:if>
	<tr>	<td style="padding-left: 10px;">
			<label>New Groups:</label>
	        <td style="padding-left: 10px;">
			<p align="justify">
			<input type="text" name="groupname" id="groupname"></p></a></td>
			<td style="padding-left: 10px;">
			<p align="justify">
			<input type="submit" text="Add" value="Add"></p></a></td>
						
	
</table>
</form>
</body>
</html>